<<usegrids>>
<div id="maintenancetabs">
<ul>
<<section name="maintenancetab" loop="$maintenancetypes">>
    <li><a href="#maintenancetabs-<<$smarty.section.maintenancetab.iteration>>"><<$maintenancetypes[maintenancetab].title>></a></li>
<</section>>
</ul>
<<section name="tab" loop="$maintenancetypes">>
    <div id="maintenancetabs-<<$smarty.section.tab.iteration>>">
<<$maintenancetypes[tab].content>>
    </div>
<</section>>
</div>

<script>
jQuery("div#maintenancetabs").tabs({
    select: function(event, ui) {
        switch (ui.index) {
<<section name="tab" loop="$maintenancetypes">>
            case <<$smarty.section.tab.iteration-1>>: {
                if (typeof(window["on<<$maintenancetypes[tab].type>>Open"]) == "function") {
                    on<<$maintenancetypes[tab].type>>Open();
                }
            }
<</section>>
        }
    }
});
if (typeof(window["on<<$maintenancetypes[0].type>>Open"]) == "function") {
    on<<$maintenancetypes[0].type>>Open();
}

createGrids();
</script>
